import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false
import '@/utils/components.js' //组件全局注册

/* 图片预览放大插件，pc手机都兼容 */
import preview from 'vue-photo-preview'
import 'vue-photo-preview/dist/skin.css'
Vue.use(preview)

import vueFinger from 'vue-finger-directive'
Vue.use(vueFinger)

import '@/assets/css/animate.min.css' //npm安装的这个样式ios不兼容

import '@/assets/css/variables.scss' // 自定义 css

/* 非父子组件传值和方法调用 */
import VueEvent from '@/utils/VueEvent.js';
Vue.prototype.VueEvent = VueEvent  //挂载到vue全局原型方法,公共的js也可以此种操作

/* Vant 移动端适配 需要配合 postcss .config.js */
/* npm i --save postcss-pxtorem //把px装换成rem
   npm i --save lib-flexible //设置rem基准值 */
import 'lib-flexible'

// 页面滚动动画
// http://f2ex.cn/aos-animate-on-scroll/
import AOS from 'aos'
import 'aos/dist/aos.css'
Vue.use(AOS)
Vue.prototype.AOS = AOS 

// element-ui 测试使用
import { Notification, MessageBox, Message } from 'element-ui'
Vue.use(Notification, MessageBox, Message)
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
